html, body {
    background: #f6f7f8;
}

#app .mint-header {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ebebeb;
}

#app .mint-header .mint-button-text {
    color: #fa4544;
}

.add_form {
    margin-top: 40px;
}

/* .add_form .mint-field .mint-field-core {
    text-align: right;
} */

.make_default {
    margin-top: 52px;
}

.popup .mint-popup-bottom {
    width: 100%;
}

.chose_area {
    width: 100%;
    height: 300px;
    background: #fff;
}

.chose_area .title {
    width: 100%;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #dedede;
    line-height: 40px;
}

.chose_area .chose_classify {
    line-height: 40px;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #dedede;
}

.chose_area .chose_classify span {
    width: auto;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
}

.chose_area .chose_classify span.active {
    color: #f84646;
    border-bottom: 3px solid #f84646;
}

.chose_area .chose_content {
    overflow-y: scroll;
    height: 218px;
}

.chose_area .chose_content p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
}

.chose_default {
    width: 100%;
    height: 40px;
    background: #fff;
}

.chose_default p {
    float: left;
    width: 40%;
    text-indent: 10px;
    line-height: 40px;
}

.chose_default .checkbox_group {
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    position: relative;
    margin-right: 10px;
}

.chose_default .checkbox_group .true_check {
    position: absolute;
    top: 12px;
    vertical-align: bottom;
    opacity: 0;
}

.chose_default .checkbox_group .falsy_check {
    background: url(../images/radio2.png) no-repeat center;
    background-size: cover;
    display: block;
    width: 16px;
    height: 16px;
    float: right;
    top: 12px;
    right: 15px;
    position: absolute;
}

.true_check:checked+.falsy_check {
    background: url(../images/radio1.png) no-repeat center;
    background-size: cover;
}